.category {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  :global {
    .toolbar {
      display: flex;
      justify-content: space-between;
      height: 3rem;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      .close {

      }
      .types {
        display: flex;
        width: 6rem;
        font-size: 16px;
        font-weight: 500;
        .outcome,.income {
          flex: 1;
        }
        .outcome.active {
          color: #ff0000;
        }
        .income.active {
          color: #25b87a;
        }
      }
    }
  }
}